<template>
  <view class="page">
    <Header :title="'思维导图'"> </Header>
    <view class="main_container">
      <view class="main_content">
        <Breadcrumb :text="'个人评测-思维导图'"> </Breadcrumb>
        <view class="content">
          <view class="title"> 单词模块选择 </view>
          <view class="list">
            <view class="list_content">
              <view class="item" @click="openList('1')">
                <view class="item_box">
                  <view class="item_img" style="width: 366rpx">
                    <image
                      src="https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/mindMap/bg1.png"
                      mode="widthFix"
                    />
                  </view>
                </view>
                <view class="item_text"> <text>小学600词</text> </view>
              </view>
              <view class="item" @click="openList('2')">
                <view class="item_box">
                  <view class="item_img" style="width: 351rpx">
                    <image
                      src="https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/mindMap/bg2.png"
                      mode="widthFix"
                    />
                  </view>
                </view>
                <view class="item_text"> <text>小升初1000词</text> </view>
              </view>
              <view class="item" @click="openList('3')">
                <view class="item_box">
                  <view class="item_img" style="width: 342rpx">
                    <image
                      src="https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/mindMap/bg3.png"
                      mode="widthFix"
                    />
                  </view>
                </view>
                <view class="item_text"> <text>中考1500词</text> </view>
              </view>
              <view class="item" @click="openList('4')">
                <view class="item_box">
                  <view class="item_img" style="width: 381rpx">
                    <image
                      src="https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/mindMap/bg4.png"
                      mode="widthFix"
                    />
                  </view>
                </view>
                <view class="item_text"> <text>高考3500词</text> </view>
              </view></view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  onLoad() {},
  methods: {
    openList(id) {
      if (id == "1" || id == "2" || id == "3") {
        uni.navigateTo({
          url: `/pages/mindMap/mindMapList?gradeId=${id}`,
        });
      } else {
        uni.showToast({
          title: "此课程为特别定制版，下期发布！",
          icon: "none",
          duration: 2000,
        });
      }
    },
  },
};
</script>

<style lang="scss" scoped>
@import "./mindMap";
</style>
